/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0;  
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

 }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 1px;}
    .row                                        { margin-bottom: 20px; }
    
    .container .column 							{ background-color:#FFFFFF; }
    .container .column.anaorta img					{ float: none;}
    .container .column.onanakucuk img				{ float: left;}
    .container .column.onanakucuk 					{ text-align: justify;}
    .container .column.onanakucuk    { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;}
	.container .column.solmenu      {vertical-align: middle;}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }


   	  .container .menuone-third.column  {display:flex;justify-content:center;align-items:center;}         
          .container .logo.column  {display:flex;justify-content:center;align-items:center;}


        .container .yorumcevap.column 		{ width: 80%; float:right; }



h1, h2, h3, h4, h5, h6 { text-align: center }
    /* Base Grid
    
EN BYK EKRAN */

   
    .container .anakucuk.column 		{ width: 742px; }
    .container .tarimilacarama.column 		{ width: 230px; }
        .container .onanakucuk.column 		{ width: 440px; }

    .container .bosluk1.column 			{ width: 742px; }
    .container .logo.column                	{ width: 202px; }
        .container .solmenu.column                	{ width: 202px; }
        .container .solmenu.column                	{ height: 485px; }

    .container .menuone-third.column                { width: 142px; }
    .container .menuone-third.column                { height: 57px; }


        .container .yarim.column 		{ width: 472px;  }
        .container .yarimc.column 		{ width: 380px; float:right; }

    .container .yatayreklam.column                { width: 952px;}
    .container .yatayreklam1.column                { width: 940px;}
    .container .anaorta.column                { width: 952px;}
    
    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
    


    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px Bir kk*/

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 3px; margin-right: 3px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }


     .container .bosluk1.column 					{ width: 582px; }

    .container .anakucuk.column 		{ width: 582px; }
    .container .tarimilacarama.column 		{ width: 180px; }
        .container .onanakucuk.column 		{ width: 344px; }

    .container .yatayreklam.column                { width: 760px;}    
    .container .yatayreklam1.column                { width: 750px;}           
    .container .anaorta.column                { width: 760px;}        
    .container .logo.column                { width: 170px; }
    .container .solmenu.column                { width: 170px; }

    .container .menuone-third.column                { width: 110px; }
    .container .menuone-third.column                { height: 57px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }


        .container .yarim.column 		{ width: 376px;  }
        .container .yarimc.column 		{ width: 303px; float:right; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 374px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 1; }
        .container .menuone-third.column { width: 150px; }
            .container .menuone-third.column                { height: 30px; }


  
        .container .menuone-third.column,
        .container .logo.column,
                .container .solmenu.column,

        .container .bosluk1.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
	.container .anakucuk.column 					{ width: 300px;}
	.container .onanakucuk.column 		{ width: 260px; }
        .container .tarimilacarama.column 		{ width: 300px; }
	.container .yatayreklam.column                { width: 300px;}
	.container .yatayreklam1.column                { width: 290px;}
	.container .anaorta.column                { width: 300px;}
        .container .resimana.column               { width: 250px; }
        .container .bosluk1.column                { height: 160px; }

       .container .yarim.column 		{ width: 300px;}
        .container .yarimc.column 		{ width: 300px;float:right; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }



/* #Mobile (Landscape)
================================================== */

    /* iphonedikey Note: Design for a width of  375px x 667 - 414 x 736 */

    @media only screen and (min-width: 375px) and (max-width: 479px) {
        .container { width: 375px; }
        .container .columns,
        .container .column { margin: 1; }
        .container .menuone-third.column { width: 150px; }
            .container .menuone-third.column                { height: 30px; }


  
        .container .menuone-third.column,
        .container .logo.column,
                .container .solmenu.column,

        .container .bosluk1.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 365px; }
	.container .anakucuk.column 					{ width: 365px;}
	.container .onanakucuk.column 		{ width: 325px; }
        .container .tarimilacarama.column 		{ width: 365px; }
	.container .yatayreklam.column                { width: 365px;}
	.container .yatayreklam1.column                { width: 230px;}
	.container .anaorta.column                { width: 365px;}
        .container .resimana.column               { width: 290px; }
        .container .bosluk1.column                { height: 160px; }

       .container .yarim.column 		{ width: 365px;}
        .container .yarimc.column 		{ width: 365px;float:right; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }






/* #Mobile (Landscape)
================================================== */

    /* iphoneyatay Note: Design for a width of 375px x 667 - 414 x 736*/

    @media only screen and (min-width: 667px) and (max-width: 767px) {
        .container { width: 667px; }
        .container .columns,
        .container .column { margin: 1; }
        .container .menuone-third.column { width: 150px; }
            .container .menuone-third.column                { height: 30px; }
        .container .menuone-third.column,
        .container .logo.column,
                .container .solmenu.column,
        .container .bosluk1.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 657px; }
	.container .anakucuk.column 					{ width: 657px;}
	.container .onanakucuk.column 		{ width: 620px; }
        .container .tarimilacarama.column 		{ width: 657px; }
	.container .yatayreklam.column                { width: 657px;}
	.container .yatayreklam1.column                { width: 230px;}
	.container .anaorta.column                { width: 657px;}
        .container .resimana.column               { width: 400px; }
        .container .bosluk1.column                { height: 160px; }

       .container .yarim.column 		{ width: 657px;}
        .container .yarimc.column 		{ width: 657px;float:right; }
    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 666px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 1; }
        .container .menuone-third.column { width: 150px; }
        .container .menuone-third.column { height: 30px; }
        .container .logo.column,
                .container .solmenu.column,
.container .tarimilacarama.column,
        .container .bosluk1.column,
        .container .menuone-third.column,

        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        	.container .anakucuk.column 					{ width: 420px; }
        	        .container .onanakucuk.column 		{ width: 380px; }
	    .container .yatayreklam.column                { width: 420px;}
	    .container .yatayreklam1.column                { width: 410px;}
	    .container .anaorta.column                { width: 420px;}
  .container .resimana.column               { width: 300px; }

       .container .yarim.column 		{ width: 420px;}
        .container .yarimc.column 		{ width: 420px;float:right; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }